<template>
	<view class="withdraw-box">
		<view class="withdraw-center">
			<view class="f26 pt34 pl50 r20 pb40" style="background-color: #40C6A8;color: #FFFFFF;">
				<view class="">
					<image src="../../static/img/money.png" class="w28 h23 mr14" mode=""></image>
					当前可提现星币
				</view>
				<view class="f44 mt24 ">
					<text style="font-weight: 600;"> 1000</text>
					<text class="f24">星</text>
				</view>
			</view>


			<view class="r10 h104 flex justify-between align-center mt30 pl30 pr30"
				style="background-color: #FAFAFA;" @click="ailPay = true">
				<view class="">
					<text class="mr6" style="color: #FF0000;">*</text>
					请绑定支付宝账号
				</view>
				<view class="">
					<i class="cuIcon-right"></i>
				</view>
			</view>

			<view class="r10 pt40 mt30 pl30 pr30 pb41" style="background-color: #FAFAFA;">
				<view class="">
					<text class="mr6" style="color: #FF0000;">*</text>
					请输入提币数量
				</view>
				<view class="h93 lh93 u-border-bottom flex align-center">
					<i class="cuIcon-write mr20"></i>
					<view class="h24 w" style="border-left: 2rpx solid #666;">

					</view>
					<input type="text" value="" placeholder-style="font-size:28rpx;" placeholder="输入的数量必须是100的整数"
						style="padding-left: 19rpx;" />
				</view>
			</view>

			<view class="flex justify-between align-center mt25">
				<view class="f24" style="color: #40C6A8;" @click="l.to('/pages/me/rules')">
					<image src="../../static/img/gz.png" class="w28 h28 mr11" mode=""></image>
					查看提现规则
				</view>
				<view class="f28">
					到账金额：0
				</view>
			</view>

			<view class="flex justify-center" style="margin: 270rpx auto 100rpx;">
				<button type="default" class="cu-btn w520 h80 r40 f30" style="color: #FFFFFF;
					background-color:#CCCCCC ;">立即提现</button>
			</view>
		</view>


		<u-popup v-model="ailPay" border-radius="20" width="580" mode="center">
			<view class="pt40 pb40">
				<view class="text-center f30" style="color: #1A1A1A; font-weight: bold;">
					绑定支付宝账号
				</view>
				
				<view class="h80 f26 mt39 ml30 mr30 mb20 flex align-center r10 "
					style="background-color: #F7F7F7; color: #999999;">
						<image src="../../static/img/ID.png" class="ml30 mr19 w40 h40" mode=""></image>
					<view class="w4 h34 mr19" style="background-color: #EBEBEB;">
						
					</view>
					<input type="text" value="" placeholder="请输入支付宝账号" placeholder-style="font-size: 26rpx" />
				</view>
				
				<view class="h80 f26 mt39 ml30 mr30 mb20 flex align-center r10 "
					style="background-color: #F7F7F7; color: #999999;">
						<image src="../../static/img/ph.png" class="ml30 mr19 w40 h40" mode=""></image>
					<view class="w4 h34 mr19" style="background-color: #EBEBEB;">
						
					</view>
					<input type="text" value="" placeholder="请输入真实姓名" placeholder-style="font-size: 26rpx"/>
				</view>
				
				<view class="text-center" style="margin-top: 18rpx;">
					<button type="default" class="cu-btn mt18 h74 r37 f30"
						style="background-color: #FFFFFF;border: 2rpx solid #E6E6E6;">立即绑定</button>
				</view>
			</view>
		</u-popup>
		<view class="foot_box"></view>
		<!-- 加载提示 -->
		<yy-loading text="加载中.." mask="true" click="true" ref="loading"></yy-loading>
		<!-- 信息提示-->
		<u-toast ref="uToast" />
	</view>
</template>

<script>
	export default {
		data() {
			return {
				ailPay: false,
			};
		},
		onShow() {},
		onLoad(e) {},
		methods: {
			
		}
	};
</script>

<style lang="scss" scoped>
	.withdraw-box {

		.withdraw-center {
			padding: 30rpx;
		}
	}
</style>
